<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>https://im.qq.com/index.shtml</title>
		<link rel="stylesheet" type="text/css" href="css/qq.css" />
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
		<script type="text/javascript" src="js/qq_Browser.js" ></script>
	</head>

	<body>
		<div class="nav_show">
			<div class="nav">
					<div class="nav_left">
						<div class="qq_img"></div>
						<ul>
							<li >首页</li>
							<li>下载</li>
							<li>动态</li>
						</ul>
					</div>
					<div class="nav_right">
						<a class="btn">注册</a>
						<ul>
							<li>qq会员</li>
							<li>qq安全</li>
							<li> 登录 </li>
						</ul>
						<a href="" class="numper">当前人数：314,849,916</a>
					</div>
				</div>
		</div>
		<div id="Firstscreen">
			<div class="main">
				<div class="nav">
					<div class="nav_left">
						<div class="qq_img"></div>
						<ul>
							<li >首页</li>
							<li>下载</li>
							<li>动态</li>
						</ul>
					</div>
					<div class="nav_right">
						<a class="btn">注册</a>
						<ul>
							<li>qq会员</li>
							<li>qq安全</li>
							<li> 登录 </li>
						</ul>
						<a href="" class="numper">当前人数：314,849,916</a>
					</div>
				</div>

				<div class="context">
					<div class="one_part">
						<div class="text_img"></div>
						<a href="">立即下载</a>
						<img src="img/img-bg.png" />
					</div>
				</div>
			</div>
		</div>

		<div class="twop">
			<div class="two_qq"></div>
			<div class="beijing1" data-stellar-background-ratio="0.3"></div>
		</div>

		<div class="three_part">
			<div class="thr_main">
				<div class="thr_qq"> </div>
				<div class="thr_text">
					<h2>沟通，是跨越<br>千山万水的亲切声音</h2>
					<h5>无论何时何地，你都能自由享受QQ在各类终端<br>
            	上带来的高清通话，与好友一起想聊多久聊多久</h5>
					<a href="">了解更多 &gt;</a>
					<div class="tubiao"></div>
					<ul>
						<li>
							<span>两人，多人通话</span>
						</li>
						<li>
							<span>群主通话</span>
						</li>
						<li>
							<span>屏幕分享</span>
						</li>
					</ul>
				</div>
			</div>

			<div class="beijing2" data-stellar-background-ratio="0.3"></div>
		</div>

		<div class="four_part">
			<div class="four_main">
				<div class="four_text">
					<h2>沟通，是随时随地<br>爽快收发</h2>
					<h5>通过QQ,电脑和手机上的文件都能收发自如，<br>
						更有手机在线查阅，轻松你的工作和生活。</h5>
					<a href="">了解更多 &gt;</a>
					<div class="tubiao"></div>
					<ul>
						<li>
							<span style="margin-left: -15px;">文件漫游</span>
						</li>
						<li>
							<span>多端互传</span>
						</li>
						<li>
							<span style="margin-left: 5px;">在线预览</span>
						</li>
					</ul>
					<div class="four_qq"> </div>
				</div>
			</div>
			<div class="beijing3" data-stellar-background-ratio="0.3"></div>
		</div>

		<div class="five_part">
			<div class="five_main">
				<div class="five_qq"></div>
				<div class="five_text">
					<h2>沟通，是志同道合<br>的他们放肆青春</h2>
					<h5>即使世界很大，你也不会孤单，在兴趣部落<br>
					有和你一样的人，期待着和你一起发现精彩</h5>
					<a href="">了解更多 &gt;</a>
					<div class="tubiao"></div>
					<ul>
						<li>
							<span>兴趣社区</span>
						</li>
						<li>
							<span>附近热点</span>
						</li>
						<li>
							<span style="margin-left: -5px;">精彩图集</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
		
		<div class="six_part">
			 <div>了解热门产品及公司相关信息</div>
		</div>
	</body>

</html>